<?php
  # If you change colors here, do this also in news.inc.php for the newsletter..
  $hb_color = 'CCCCFF';
  $b_color = '336699';
  $link_color = 'CC9900';
  $font_size= 12;
  $nav_font_size = 13;
 
  
  echo '
a:active    { color: #'.$link_color.'; font: 11pt Verdana, Arial; text-decoration: none; }
a:link      { color: #'.$link_color.'; font: 11pt Verdana, Arial; text-decoration: none; }
a:visited   { color: #'.$link_color.'; font: 11pt Verdana, Arial; text-decoration: none; }
a:hover     { color: #DDDD00; font: 11pt Verdana, Arial; text-decoration: none; }

a.nav:active    { color: #'.$b_color.'; font: bold '.$nav_font_size.'pt Verdana, Arial; text-decoration: none; }
a.nav:link      { color: #'.$b_color.'; font: bold '.$nav_font_size.'pt Verdana, Arial; text-decoration: none; }
a.nav:visited   { color: #'.$b_color.'; font: bold '.$nav_font_size.'pt Verdana, Arial; text-decoration: none; }
a.nav:hover     { color: #'.$link_color.'; font: bold '.$nav_font_size.'pt Verdana, Arial; text-decoration: none; }

a.subnav:active    { color: #'.$b_color.'; font: 14pt Verdana, Arial; text-decoration: none; }
a.subnav:link      { color: #'.$b_color.'; font: 14pt Verdana, Arial; text-decoration: none; }
a.subnav:visited   { color: #'.$b_color.'; font: 14pt Verdana, Arial; text-decoration: none; }
a.subnav:hover     { color: #'.$link_color.'; font: 14pt Verdana, Arial; text-decoration: none; }

body        { background-color:#'.$hb_color.'; color: #'.$b_color.'; font: '.$font_size.'pt Verdana, Arial; 
              scrollbar-3dlight-color: #'.$hb_color.'; scrollbar-arrow-color: #0033CC; 
              scrollbar-darkshadow-color: #'.$hb_color.'; scrollbar-face-color:#'.$hb_color.' ; 
              scrollbar-highlight-color: #0033CC; scrollbar-shadow-color: #0033CC; 
              scrollbar-track-color: #'.$hb_color.'; margin:0px }
table       { border:none; padding:0px; margin:0px }
table.box   { padding:3px }
.stdfont    { font:'.$font_size.'pt Verdana, Arial; text-decoration: none; }
font.nav_sel{ color: #'.$link_color.'; font: bold 14pt Verdana, Arial; text-decoration: none; }
font.subnav_sel{ color: #'.$link_color.'; font: 14pt Verdana, Arial; text-decoration: none; }';

# General
$boxpadding = 7;
$boxmargin = 2;
$headerheight = 163+2*$boxmargin;
$mainwidth = 956+2*$boxmargin;
$content_height = 570;
$big_boxmargin = 10+2*$boxpadding+2*$boxmargin;
$content_topoffset = $headerheight + $big_boxmargin + 10;
# Nav
$navwidth = 190;
# Content
$contentwidth = 508;
# Events
$eventwidth = 190; //border:1px solid #000000
echo '
div         { position:relative; font: 12pt Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:left;  }
div.box     { padding: '.$boxpadding.'px; margin:2px }
div.b       { background:#'.$b_color.'; color: #'.$hb_color.'; font: 15pt Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
div.hb      { background:#'.$hb_color.'; color: #'.$b_color.'; }

img         { border: 0px }
img.lo      { position:absolute; top:0px; left:0px }
img.lu      { position:absolute; bottom:0px; left:0px }
img.ro      { position:absolute; top:0px; right:0px }
img.ru      { position:absolute; bottom:0px; right:0px }
img.avatar  { float: left; border: 2px dashed #000000; margin:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/* Main Div Element positioned via <center> in the screen center */
#mainframe      { top:0px; left:10px; width: '.$mainwidth.'px;}

/* Nav Boxes */
#nav_bluebox    { position:absolute; top:'.$content_topoffset.'px; left:10px; width:'.$navwidth.'px; height:'.$content_height.'px}
#nav_navbox     { top:0px; left:0px; width:'.($navwidth-2*($boxpadding+$boxmargin)).'px; height:300px}
#nav_memberbox  { top:0px; left:0px; width:'.($navwidth-2*($boxpadding+$boxmargin)).'px; height:150px}

/* Header */
#b_header     { position:absolute; top:10px; left:0px; width:'.$mainwidth.'px; height:'.$headerheight.'px}
#hb_header    { top:0px; left:0px; 
                width:'.($mainwidth-2*($boxpadding+$boxmargin)).'px; 
                height:'.($headerheight-2*($boxpadding+$boxmargin)).'px; }

/* Content Boxes */
#con_bluebox    { position:absolute; top:'.$content_topoffset.'px; left:'.(10+$navwidth+$big_boxmargin).'px; width:'.$contentwidth.'px; min-height: '.$content_height.'px;}
#con_contentbox { top:0px; left:0px; width:'.($contentwidth-2*($boxpadding+$boxmargin)).'px}

/* Event Boxes */
#eve_bluebox    { position:absolute; top:'.$content_topoffset.'px; left:'.(10+$navwidth+2*$big_boxmargin+$contentwidth).'px; width:'.$eventwidth.'px; min-height: '.$content_height.'px;}
#eve_hbbox   { top:0px; left:0px; width:'.($eventwidth-2*($boxpadding+$boxmargin)).'px; height:'.(506-2*$boxpadding).'px}
                                                            
/* Trips Database */
.trip-box { width:460px; background-color:#FFF8DC; text-align:center; border: 2px solid #000000; margin:5px; padding:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }                                                            
.trip-region-map { width:460px; border: 2px dashed #000000; margin:5px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.trip-region-map img {width:455px; margin:5px; }
.trip-box-short_d { margin:5px; padding:5px; font-style:italic; border-bottom: thin dotted #000000 }  
.trip-box-grade {float:right; font-size:20px; }
                                                    
textarea    { background-color:#'.$hb_color.'; color:#'.$b_color.'; font: 13px Verdana, Arial; border: 1px solid #'.$b_color.'; 
              scrollbar-3dlight-color: #'.$hb_color.'; scrollbar-arrow-color: #0033CC; 
              scrollbar-darkshadow-color: #'.$hb_color.'; scrollbar-face-color:#'.$hb_color.' ; 
              scrollbar-highlight-color: #0033CC; scrollbar-shadow-color: #0033CC; 
              scrollbar-track-color: #'.$hb_color.'; }
select      { background-color:#'.$hb_color.'; color:#'.$b_color.'; height: 22px; font: '.$font_size.'pt Arial; border:1px solid #'.$b_color.'; text-align:center; }
.button     { background-color:#'.$hb_color.'; color:#'.$b_color.'; height: 22px; font: '.$font_size.'pt Arial; border:1px solid #'.$b_color.' }
.text       { background-color:#'.$hb_color.'; color:#'.$b_color.'; height: 22px; font: '.$font_size.'pt Arial; border:1px solid #'.$b_color.'; text-align:center; }
.upload     { background-color:#'.$hb_color.'; color:#'.$b_color.'; height: 22px; font: '.$font_size.'pt Arial; border:1px solid #'.$b_color.'; text-align:center; }
                                                            


/*div.content { text-align:justify }
td.content_titel { text-align:justify; font: 14pt Arial }
div.content_head 
            { text-align:center; font: 18pt Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

                                                      
#datum      { position:absolute; left:744px; top:155px; visibility:visible; font: 16px Verdana, Arial; color:#'.$b_color.' }
#content    { position:absolute; left:300px; top:210px; width:500px; visibility:visible;}
#content_rechts 
            { position:absolute; left:850px; top:210px; width:150px; visibility:visible;}
#navi       { position:absolute; left:50px; top:230px; width:130px; height:340px;  visibility:visible;
              text-align:right; }

th          { font: bold 14px Verdana, Arial; }
td          { font: 13px Verdana, Arial; }


*/';
?>